.page {
    height: 100vh;
    display: flex;
    flex-direction: column;
    // align-items: center;

    .top {
        margin-top: 48px;
        color: var(--gray-gray-9, #263446);
        text-align: center;
        font-size: 44px;
        font-style: normal;
        font-weight: 600;
    }

    .desc {
        margin-top: 8px;
        color: rgba(38, 52, 70, 0.50);
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .num-area {
        position: relative;
        margin: 48px 48px 0px;
        display: flex;
        padding: 32px;
        align-items: center;
        border-radius: 24px;
        background: var(--gray-gray-bg, #F7F8FA);

        .dash{
            position: absolute;
            left: 50%;
            right: 50%;
            top: 32px;
            bottom: 32px;
            border-left: 1px dashed #DBDFE5;
        }

        .num-area-item {
            display: flex;
            align-items: center;
            flex: 1;
            flex-direction: column;
           
            text{
                color: var(--gray-gray-5, #77828F);
                text-align: center;
                font-size: 24px;
                font-style: normal;
                font-weight: 500;
            }

            .num {
                text-align: center;
                font-size: 92px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                letter-spacing: 1px;
            }

            .sure {
                color: var(--green, #00AD6E);
            }

            .worng {
                color: var(--red, #DE4141);
            }

        }

    }

    .button-wq {
        margin-top: 128px;
        width: 404px;
        height: 92px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 16px;
        background: var(--blue, #3C6BFF);
        color: var(--gray-white, #FFF);
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.16px;
    }

    .button-practice {
        margin-top: 32px;
        width: 404px;
        height: 92px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 16px;
        border: 1px solid var(--gray-gray-3, #DBDFE5);
        background: var(--gray-white, #FFF);
        color: var(--gray-gray-9, #263446);
        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.16px;
    }



}